<header>
    鼠标事件坐标
</header>
<h2>
    pageX、pageY
</h2>
<p>
    相对于body的位置。
</p>
<p class="warn">
    温馨提示：如果body使用了margin-left或别的修改了位置，那么body的起点要对应调整。
</p>
<h2>
    screenX、screenY
</h2>
<p>
    相对于电脑屏幕的的位置。
</p>
<h2>
    clientX、clientY
</h2>
<p>
    相对于窗口的位置。
</p>
<h2>
    offsetX、offsetY
</h2>
<p>
    相对于包含块的位置。
</p>